<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>活动</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
    <!--<link href="//cdn.bootcss.com/weui/0.4.3/style/weui.min.css" rel="stylesheet">-->
    <link rel="stylesheet" href="../../../lib/css/weui.min.css">
    <link rel="stylesheet" href="../../../lib/css/jquery-weui.min.css">
    <style>
        .weui_vcode_btn {
            color: #3CC51F;
        }
    </style>
</head>
<body ontouchstart>
<header class='demos-header'>
    <h1 class="demos-title">请认真填写信息</h1>
</header>
<div class="container" id="container">
    <div class="weui_cells weui_cells_form">
        <div class="weui_cell">
            <div class="weui_cell_hd">
                <label class="weui_label">姓名</label>
            </div>
            <div class="weui_cell_bd">
                <input class="weui_input" type="text" id="nameInput" placeholder="姓名">
            </div>
        </div>
        <div class="weui_cell weui_cell_vcode">
            <div class="weui_cell_hd">
                <label class="weui_label">手机号</label>
            </div>
            <div class="weui_cell_bd">
                <input class="weui_input" type="tel" placeholder="请输入手机号" id="phoneTxt">
            </div>
            <div class="weui_cell__ft">
                <a href="javascript:getValidCode();" class="weui_vcode_btn">验证</a>
                <!--<a class="" href="javascript:checkValidCode()">确定</a>-->
            </div>
        </div>
        <div class="weui_cell">
            <div class="weui_cell_hd">
                <label class="weui_label">验证码</label>
            </div>
            <div class="weui_cell_bd">
                <input class="weui_input" id="validCodeInput" type="text" placeholder="请输入验证码">
            </div>
        </div>
        <div class="weui_cell">
            <label for="weuiAgree" class="weui_agree">
                <input id="weuiAgree" type="checkbox" class="weui_agree_checkbox">
                <span class="weui_agree_text">
                    阅读并同意<a href="javascript:void(0);">《相关条款》</a>
                </span>
            </label>
        </div>
    </div>

    <div class="weui_btn_area" >
        <a class="weui_btn weui_btn_primary" href="javascript:checkValidCode()" id="showTooltips" >确定</a>
    </div>
    <div id="toast" style="display: none;">
        <div class="weui_mask_transparent"></div>
        <div class="weui_toast">
            <i class="weui_icon_success_no_circle weui_icon_toast"></i>
            <p class="weui_toast_content" id="errorMsgP"></p>
        </div>
    </div>
</div>
<div id="consoleLogDiv"></div>

<script src="//cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>

<script src="../../../lib/js/jquery-weui.min.js"></script>
<script src="namePhone.js"></script>
</body>
</html>